@import "mixin","variable";
/*迁移pure表单样式*/
.pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=tel], .pure-form input[type=color], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=text], .pure-form select, .pure-form textarea {
  padding: .5em .6em;
  display: inline-block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  vertical-align: middle;
  box-sizing: border-box;
  font-weight: 100;
  letter-spacing: 0.01em;
}
.pure-form-aligned .pure-control-group {
  margin-bottom: .5em;
}
.pure-form-aligned .pure-control-group .group-tit {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  width: 120px;
}
.pure-form .pure-checkbox, .pure-form .pure-radio {
  margin: .5em 0;
  display: block;
}
.pure-form input:not([type])[disabled], .pure-form input[type=password][disabled], .pure-form input[type=email][disabled], .pure-form input[type=url][disabled], .pure-form input[type=date][disabled], .pure-form input[type=month][disabled], .pure-form input[type=time][disabled], .pure-form input[type=datetime][disabled], .pure-form input[type=datetime-local][disabled], .pure-form input[type=week][disabled], .pure-form input[type=tel][disabled], .pure-form input[type=color][disabled], .pure-form input[type=number][disabled], .pure-form input[type=search][disabled], .pure-form input[type=text][disabled], .pure-form select[disabled], .pure-form textarea[disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3;
}
.pure-form select {
  height: 2.25em;
  border: 1px solid #ccc;
  background-color: #fff;
}
.pure-form legend {
  display: block;
  width: 100%;
  padding: .3em 0;
  margin-bottom: .3em;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
}
/*迁移并复写pure按钮*/
.pure-button {
  display: inline-block;
  zoom: 1;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: inherit;
  font-size: 100%;
  padding: .5em 1em;
  color: #444;
  color: rgba(0,0,0,.8);
  border: 1px solid #999;
  border: transparent;
  background-color: #E6E6E6;
  text-decoration: none;
  border-radius: 2px;
}
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
  background-color: #0078e7;
  color: #fff;
}
.button-success,
.button-error,
.button-warning,
.button-secondary {
  color: white;
  border-radius: 4px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  &:hover{
    color:#fff;
  }
}
.button-success {
  background: rgb(28, 184, 65); /* this is a green */
}
.button-error {
  background: rgb(202, 60, 60); /* this is a maroon */
}
.button-warning {
  background: rgb(223, 117, 20); /* this is an orange */
}
.button-secondary {
  background: rgb(66, 184, 221); /* this is a light blue */
}
.button-xsmall {
  font-size: 70%;
  padding:2px 10px;
}
.button-small {
  font-size: 85%;
  padding:2px 10px;
}
.button-large {
  font-size: 110%;
  padding:5px 15px;
}
.button-xlarge {
  font-size: 125%;
}
.btn-block{
  display:block;
  padding:5px 0;
}
/*登录链接块*/
.mc-text-login{
  font-size:12px;
  color:#666;
  line-height:30px;
  .link{
    color:#666;
    &:hover{
      color:$mainColor;
    }
  }
  .spilt{
    padding:0 5px;
    color:#e5e5e5;
  }
}
/*弹出二维码*/
.mc-qrcode-layer{
  position:relative;
  z-index:999999999999;
  .trigger{
    font-size:12px;
    line-height:30px;
    color:#666;
    cursor: pointer;
    .iconfont{
      color:$mainColor;
    }
  }
  .qrcode-main{
    display:none;
    position:absolute;
    width: 100px;
    height:auto;
    padding:10px;
    background:#fff;
    border:1px solid #e5e5e5;
    z-index:999999999999;
    @include shadow();
    img{
      width:100px;
      height:100px;
    }
  }
  &:hover{
    .qrcode-main{
      display:block;
    }
  }
}
/*下拉菜单*/
.mc-menu-drop-down{
  position: relative;
  z-index:999999999999;
  .trigger{
    display:block;
    font-size:12px;
    line-height:30px;
    width:80px;
    text-align:center;
    border:1px solid transparent;
    border-width:0 1px;
  }
  .drop-down{
    position:absolute;
    width:100px;
    background:#fff;
    border:0px solid #e5e5e5;
    height:0;
    overflow:hidden;
    z-index:999999999999;
    @include animatetime(0.4s);
    .item{
      display:block;
      font-size:12px;
      line-height:30px;
      text-align:center;
      &:hover{
        background:$aidedColor;
        color:#fff;
      }
    }

  }
  &:hover{
    .trigger{
      background:#fff;
      color:$mainColor;
      border:1px solid #e5e5e5;
      border-width:0 1px;
    }
    .drop-down{
      border:1px solid #e5e5e5;
      border-top:none;
      height:auto;
      @include shadow();
    }
  }
}
/*单个链接*/
.mc-text-link{
  font-size:12px;
  line-height:30px;
  color:#666;
  padding:0 15px;
  &:hover{
    color:$mainColor;
  }
}
/*头部搜索框*/
.mc-head-search{
  width:100%;
  height:60px;
  overflow: hidden;
  .search-form{
    height:36px;
    border:2px solid $mainColor;
    position:relative;
    .keyword{
      height:36px;
      line-height:36px;
      width:100%;
      box-sizing:border-box;
      border:none;
      padding:0 80px 0 30px;
    }
    .iconfont{
      position:absolute;
      top:0;
      left:10px;
      font-size:16px;
      line-height:36px;
      color:#989898;
    }
    .search-btn{
      width:80px;
      height:36px;
      background:$mainColor;
      color:#fff;
      text-align:center;
      line-height:40px;
      font-size:14px;
      letter-spacing:4px;
      position:absolute;
      top:0;
      right:0;
      border:none;
    }
    .search-btn2{
      background:$aidedColor;
    }
  }
  .hotkeywords{
    font-size:12px;
    line-height:25px;
    color:#666;
    .link{
      color:#666;
      margin:0 5px;
      &:hover{
        color:$mainColor;
      }
    }
  }
}
/*头部搜索框 带select选择*/
.mc-head-search2{
  width:100%;
  height:40px;
  position: relative;
  overflow: hidden;
  .search-form{
    height:36px;
    border:2px solid $mainColor;
    position:relative;
    padding:0 80px;
    .keyword{
      height:36px;
      line-height:36px;
      width:100%;
      box-sizing:border-box;
      border:none;
    }
    .search-select{
      position:absolute;
      top:0;
      left:0;
      font-size:14px;
      height:36px;
      padding:0 10px;
      color:#989898;
      border:none;
    }
    .search-btn{
      width:80px;
      height:36px;
      background:$mainColor;
      color:#fff;
      text-align:center;
      line-height:40px;
      font-size:14px;
      letter-spacing:4px;
      position:absolute;
      top:0;
      right:0;
      border:none;
    }
    .search-btn2{
      background:$aidedColor;
    }
  }
  .hotkeywords{
    font-size:12px;
    line-height:25px;
    color:#666;
    .link{
      color:#666;
      margin:0 5px;
      &:hover{
        color:$mainColor;
      }
    }
  }
}
/*上图下文排版*/
.mc-imgtext-updown{
  height:auto;
  position:relative;
  .link{
    @include link-block;
    z-index:999;
  }
  .img-thumb{
    width:100%;
    height:120px;
    margin-bottom:8px;
    overflow:hidden;
    img{
      max-width:100%;
      display:block;
      margin:0 auto;
      @include animatetime();
    }
  }
  .text-info{
    .info-title{
      font-size:16px;
      color:#333;
      line-height:20px;
      overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    }
    .info-label{
      font-size:12px;
      color:#989898;
      line-height:24px;
    }
    .info-desc{
      font-size:12px;
      line-height:24px;
      color:#333;
      display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;
    }
  }
  &:hover{
    .img-thumb{
      img{
        @include enlarge(1.1)
      }
    }
  }

}
/*文字列表*/
.mc-text-line-item{
  position:relative;
  font-size:14px;
  line-height:32px;
  border-bottom:1px dashed #e5e5e5;
  padding-right:45px;
  overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
  .link{
    color:#333;
    &:hover{
      color:$mainColor;
    }
  }
  .date{
    font-size:12px;
    color:#989898;
    text-align:right;
    display:block;
    width:40px;
    line-height:30px;
    position:absolute;
    right:0;
    top:0;
  }

}
/*底部图标组*/
.mc-icons{
  text-align:center;
  .mc-icon{
    .iconfont{
      font-size:60px;
      color:$mainColor;
    }
    .text{
      font-size:16px;
      line-height:40px;
      color:#989898;
    }
  }
}
/*图标九宫格*/
.mc-icon-block-3{
  border:1px solid #e5e5e5;
  border-width:1px 0 0 1px;
  height:auto;
  &:after{
    display:block;content:'';clear:both;height:0;overflow:hidden;
  }
  .item{
    display:block;
    width:33.33333%;
    height:90px;
    padding:10px;
    float:left;
    text-align:center;
    box-sizing:border-box;
    border:1px solid #e5e5e5;
    border-width:0 1px 1px 0;
    .iconfont{
      font-size:32px;
      color:#989898;
    }
    .text{
      display:block;
      font-size:14px;
      line-height:20px;
      color:#989898;
    }
    &:hover{
      .iconfont,.text{
        color:$mainColor;
      }
    }
  }
}
/*顶部购物车*/
.mc-head-cart{
  position:relative;
  z-index:99;
  .cart-trigger{
    width:120px;
    height:40px;
    font-size:14px;
    text-align:center;
    line-height:40px;
    float:right;
    background:#f8f8f8;
    border:1px solid #e5e5e5;
    border-radius:5px;
    position:relative;
    cursor: pointer;
    .corner{
      width:30px;
      height:30px;
      position:absolute;
      top:-10px;
      right:0px;
      .iconfont{
        font-size:28px;
        color: $mainColor;
        position:absolute;
        top:0;left:0;
      }
      .num{
        display:block;
        width:28px;
        height:30px;
        text-align:center;
        line-height:30px;
        font-size:11px;
        color:#fff;
        z-index:1;
        position:absolute;
        top:0;left:0;
      }
    }

  }
  .cart-list-box{
    display:none;
    width:300px;
    max-height:300px;
    height:auto;
    border:1px solid #e5e5e5;
    position:absolute;
    top:40px;right:0;
    background:#fff;
    z-index:99;
    .cart-goods-box{
      max-height:240px;
      overflow-y:auto;
      .cart-goods-list{
        .item{
          height:60px;
          padding:5px;
          border-bottom:1px dashed #e5e5e5;
          position:relative;
          .img-thumb{
            width:60px;height:60px;
            border:1px solid #e5e5e5;
            position:absolute;
            top:5px;
            left:5px;
            img{
              width:60px;
              display:block;
              margin:0 auto;
            }
          }
          .text-info{
            padding:0 100px 0 70px;
            font-size:12px;
            line-height:20px;
            display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
          }
          .goods-price{
            width:100px;
            font-size:12px;
            line-height:20px;
            text-align:right;
            position:absolute;
            right:5px;
            top:5px;
            .del{
              display:block;
              color:#333;
              &:hover{
                color:$antiColor;
              }
            }
          }
        }

      }
    }
    .cart-total{
      height:30px;
      padding:5px 100px 5px 5px;
      background:#f2f2f2;
      position:relative;
      .info{
        font-size:12px;
        line-height:30px;
        overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
      }
      .cart-btn{
        width:80px;
        height:30px;
        background:$mainColor;
        border-radius:5px;
        color:#fff;
        font-size:12px;
        text-align:center;
        line-height:30px;
        position:absolute;
        right:5px;top:5px;
      }
    }
  }
  &:hover{
    .cart-trigger{
      border-bottom:none;
      background:#fff;
      border-radius:5px 5px 0 0;
      &:after{
        display:block;
        content:'';
        background:#fff;
        z-index:9999;
        width:100%;height:3px;
        position:absolute;
        bottom:-1px;
      }
    }
    .cart-list-box{
      display:block;
    }
  }
}
/*顶部购物车2*/
.mc-head-cart2{
  position:relative;
  z-index:999999999;
  .cart-trigger{
    width:110px;
    height:40px;
    font-size:14px;
    line-height:40px;
    padding-left:50px;
    float:right;
    background:#f2f2f2;
    position:relative;
    cursor: pointer;
    .icon{
      display:block;
      width:36px;
      height:40px;
      background:$mainColor;
      color:#fff;
      font-size:18px;
      line-height:40px;
      text-align:center;
      position:absolute;
      top:0;
      left:0;
    }
    .corner{
      width:30px;
      height:30px;
      position:absolute;
      top:-10px;
      right:10px;
      .iconfont{
        font-size:28px;
        color: $mainColor;
        position:absolute;
        top:0;left:0;
      }
      .num{
        display:block;
        width:28px;
        height:30px;
        text-align:center;
        line-height:30px;
        font-size:11px;
        color:#fff;
        z-index:1;
        position:absolute;
        top:0;left:0;
      }
    }
  }
  .cart-list-box{
    display:none;
    width:300px;
    max-height:300px;
    height:auto;
    border:1px solid #e5e5e5;
    position:absolute;
    top:40px;right:0;
    background:#fff;
    z-index:999999999;
    .cart-goods-box{
      max-height:240px;
      overflow-y:auto;
      .cart-goods-list{
        .item{
          height:60px;
          padding:5px;
          border-bottom:1px dashed #e5e5e5;
          position:relative;
          .img-thumb{
            width:60px;height:60px;
            border:1px solid #e5e5e5;
            position:absolute;
            top:5px;
            left:5px;
            img{
              width:60px;
              display:block;
              margin:0 auto;
            }
          }
          .text-info{
            padding:0 100px 0 70px;
            font-size:12px;
            line-height:20px;
            display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
          }
          .goods-price{
            width:100px;
            font-size:12px;
            line-height:20px;
            text-align:right;
            position:absolute;
            right:5px;
            top:5px;
            .del{
              display:block;
              color:#333;
              &:hover{
                color:$antiColor;
              }
            }
          }
        }

      }
    }
    .cart-total{
      height:30px;
      padding:5px 100px 5px 5px;
      background:#f2f2f2;
      position:relative;
      .info{
        font-size:12px;
        line-height:30px;
        overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
      }
      .cart-btn{
        width:80px;
        height:30px;
        background:$mainColor;
        border-radius:5px;
        color:#fff;
        font-size:12px;
        text-align:center;
        line-height:30px;
        position:absolute;
        right:5px;top:5px;
      }
    }
  }
  &:hover{
    .cart-list-box{
      display:block;
    }
  }
}
/*静态产品分类列表*/
.mc-categorybox{
  width:200px;
  position:absolute;
  z-index:9;
  top:0;
  left:0;
  .trigger{
    height:40px;
    width:200px;
    background:$mainColor;
    color:#fff;
    font-size:16px;
    line-height:40px;
    text-align:center;
    cursor:pointer;
  }
  .cat-list{
    height:0px;
    overflow:hidden;
    width:198px;
    border:1px solid #f8f8f8;
    background:rgba(255,255,255,1);
    @include shadow(10px);
    @include animatetime();
  }
  &:hover{
    .cat-list{
      height:400px;
    }

  }
  .items{
    .item{
      border-top:1px solid #e5e5e5;
      position:relative;
      &:after{
        display:block;content:'';clear:both;height:0;overflow:hidden;
      }
      &:hover{
        background:#f8f8f8;
      }
      .link{
        @include link-block;
      }
    }
    .first{
      border-top:none;
    }
  }
  //有两个分组时排列
  .item-2{
    .item{
      text-align:center;
      height:100px;
      padding:50px 10px;
      .icon{
        width:60px;
        height:60px;
        display:block;
        margin:0 auto;
      }
      .text{
        font-size:15px;
        line-height:40px;
      }
    }
  }
  //有3个分组时排列
  .item-3{
    .item{
      text-align:center;
      height:81px;
      padding:26px 10px;
      .icon{
        width:40px;
        height:40px;
        display:block;
        margin:0 auto;
      }
      .text{
        font-size:15px;
        line-height:40px;
      }
    }
  }
  //有4个分组时排列
  .item-4{
    .item{
      text-align:center;
      height:71px;
      padding:14px 10px;
      .icon{
        width:30px;
        height:30px;
        display:block;
        margin:0 auto;
      }
      .text{
        font-size:15px;
        line-height:40px;
      }
    }
  }
  //有5个分组时排列
  .item-5{
    .item{
      text-align:center;
      height:59px;
      padding:10px;
      .icon{
        width:40px;
        height:40px;
        position:absolute;
        left:10px;
        top:20px;
      }
      .text{
        padding-left:50px;
        font-size:15px;
        line-height:59px;
        text-align:left;
        overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
      }
    }
  }
  //有6个分组时排列
  .item-6{
    .item{
      text-align:center;
      height:46px;
      padding:10px;
      .icon{
        width:30px;
        height:30px;
        position:absolute;
        left:10px;
        top:18px;
      }
      .text{
        padding-left:40px;
        font-size:15px;
        line-height:46px;
        text-align:left;
        overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
      }
    }
  }
  //有7个分组时排列
  .item-7{
    .item{
      text-align:center;
      height:37px;
      padding:10px;
      .icon{
        width:30px;
        height:30px;
        position:absolute;
        left:10px;
        top:13px;
      }
      .text{
        padding-left:40px;
        font-size:15px;
        line-height:37px;
        text-align:left;
        overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
      }
    }
  }
  //有8个分组时排列
  .item-8{
    .item{
      text-align:center;
      height:30px;
      padding:10px;
      .icon{
        width:24px;
        height:24px;
        position:absolute;
        left:10px;
        top:13px;
      }
      .text{
        padding-left:34px;
        font-size:14px;
        line-height:30px;
        text-align:left;
        overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
      }
    }
  }
}
#index .mc-categorybox{
  .cat-list{
    height:400px;
  }
}
/*全屏焦点图，大话主席转*/
.mc-full-focus{
  width:100%;
  position:relative;
  height:400px;
  background:#000;
  .bd{
    margin:0 auto;
    position:relative;
    z-index:0;
    overflow:hidden;
    .focus-img{
      width:100% !important;
    }
    .item{
      width:100% !important;  height:400px; overflow:hidden; text-align:center;
      .link{
       display:block; height:400px;
      }
    }
  }
  .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px;
    ul{ text-align:center;
      li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000;
          filter:alpha(opacity=50);opacity:0.5;  line-height:999px;
        }
      .on{ background:$aidedColor;}
    }
  }
  .prev,
  .next{  display:block;position:absolute; z-index:1; top:50%; margin-top:-30px; left:10px;  z-index:1; width:40px; height:60px;text-align:center;line-height:60px;color:#fff; background:#000 ; cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
  .next{ left:auto; right:10px;}
}
/*滑块导航带下拉菜单，大话主席转*/
.mc-block-nav{ position:relative; width:100%;margin:0 auto;}
.mc-block-nav .m{float:left;position:relative; z-index:1; }
.mc-block-nav .link{font-size:14px;font-weight:normal; color:#fff;line-height:40px;text-align:center;display:block;width:124px;height:40px;position:relative}
.mc-block-nav .link .tag{position:absolute;right:10px;top:-10px;}
.mc-block-nav .sub{ display:none; /*默认隐藏*/  position:absolute; left:-3px; top:40px; z-index:1; width:128px; border:1px solid #E6E4E3; border-top:0;  background:#fff; }
.mc-block-nav .sub li{ text-align:center; padding:0 8px; margin-bottom:-1px;   }
.mc-block-nav .sub li a{ display:block;  border-bottom:1px solid #E6E4E3; padding:8px 0; height:28px; line-height:28px; color:#666;   }
.mc-block-nav .sub li a:hover{ color:$mainColor;   }
.mc-block-nav .block{height:3px; width:130px; background:$mainColor; position:absolute; left:0; top:37px; overflow:hidden;  }
/*滑块导航带下拉菜单，大话主席转*/
.mc-block-nav2{ position:relative; width:100%;margin:0 auto;}
.mc-block-nav2 .m{float:left;position:relative; z-index:1; }
.mc-block-nav2 .link{font-size:15px;font-weight:500; color:#333;line-height:40px;text-align:center;display:block;width:124px;height:40px;position:relative}
.mc-block-nav2 .link:hover{color:$mainColor;}
.mc-block-nav2 .link .tag{position:absolute;right:10px;top:-10px;}
.mc-block-nav2 .sub{ display:none; /*默认隐藏*/  position:absolute; left:-3px; top:40px; z-index:1; width:128px; border:1px solid #E6E4E3; border-top:0;  background:#fff; }
.mc-block-nav2 .sub li{ text-align:center; padding:0 8px; margin-bottom:-1px;   }
.mc-block-nav2 .sub li a{ display:block;  border-bottom:1px solid #E6E4E3; padding:8px 0; height:28px; line-height:28px; color:#666;   }
.mc-block-nav2 .sub li a:hover{color:$mainColor;   }
.mc-block-nav2 .block{height:2px; width:130px; background:#f60; position:absolute; left:0; top:40px; overflow:hidden;  }
/*转大话主席 向左翻动*/
.mc-picScroll-left{width:100%;overflow:hidden; position:relative;background:#fff;}
.mc-picScroll-left .prev,.mc-picScroll-left .next{
  display:block;width:35px; height:60px;background:#f6f6f6;overflow:hidden;cursor:pointer;
  font-size:24px;text-align:center;line-height:60px;
  position:absolute;top:50%;right:0;margin-top:-30px;
  z-index:9;
}
.mc-picScroll-left .next{left:0;}
.mc-picScroll-left .bd{ padding:10px 35px;}
.mc-picScroll-left .bd ul{overflow:hidden; zoom:1;}
.mc-picScroll-left .bd ul li{width:216px;height:298px;border:1px solid #e5e5e5; margin:0 4px; float:left; _display:inline; overflow:hidden;}
/*转大话主席向上滚动的文字列表*/
.mc-txtScroll-top{ width:100%;overflow:hidden;position:relative;}
.mc-txtScroll-top .textbd{padding:8px 0;}
/*转大话主席 向左翻动 隐藏按钮，不超过数量时不翻动*/
.mc-picScroll-left2{width:100%;overflow:hidden; position:relative;}
.mc-picScroll-left2 .prev,.mc-picScroll-left2 .next{
  display:none;width:35px; height:60px;background:#f6f6f6;overflow:hidden;cursor:pointer;
  font-size:24px;text-align:center;line-height:60px;
  position:absolute;top:50%;right:0;margin-top:-30px;
  z-index:9;
}
.mc-picScroll-left2 .next{left:0;}
.mc-picScroll-left2 .bd{ padding:10px 0;}
.mc-picScroll-left2 .bd ul{overflow:hidden; zoom:1;}
.mc-picScroll-left2 .bd ul li{width:230px;height:318px;border:1px solid #e5e5e5;background:#fff; margin-right:10px; float:left; _display:inline; overflow:hidden;}
/*转大话主席 向左翻动 带标题*/
.mc-picScroll-left3{width:100%;overflow:hidden; position:relative;background:#fff;}
.mc-picScroll-left3 .hd{width:100%;height:40px;}
.mc-picScroll-left3 .hd .tit{font-size:24px;line-height:40px;font-weight:600;}
.mc-picScroll-left3 .prev,.mc-picScroll-left3 .next{
  display:block;width:35px; height:40px;overflow:hidden;cursor:pointer;
  font-size:24px;text-align:center;line-height:40px;
  position:absolute;top:0;right:0;  z-index:9;
  .iconfont{
    font-size:24px;
  }
}
.mc-picScroll-left3 .next{left:auto;right:45px;}
.mc-picScroll-left3 .bd{padding:10px 0}
.mc-picScroll-left3 .bd ul{overflow:hidden; zoom:1;}
.mc-picScroll-left3 .bd ul li{width:388px;height:340px; padding-right:14px; float:left; _display:inline; overflow:hidden;}

/*单条新闻资讯*/
.single-text-item { position: relative; height:30px; line-height:30px; overflow: hidden; }
.single-text-item .link {display: block; padding-left: 10px; padding-right: 45px; font-size: 13px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.single-text-item .link:after { display: block; content: ''; width: 5px; height: 5px; background: #333; position: absolute; left: 0; top: 13px; }
.single-text-item .link .date { width: 40px; font-size: 12px; color: #989898; text-align: right; position: absolute; right: 0; top: 0; }
.single-text-item .link:hover { color: $mainColor; }
/*单条新闻资讯2*/
.single-text-item2 { position: relative; padding:10px 0;overflow: hidden;border-bottom:1px solid #e8e8e8;}
.single-text-item2 .link {display: block; }
.single-text-item2 .link .text { display:block;font-size: 13px; color: #333;line-height:20px;max-height:40px;overflow:hidden;  }
.single-text-item2 .link .date {display:block;font-size: 12px;line-height:20px; color: #989898;}
.single-text-item2 .link:hover {
  .text{
    color: $mainColor;
  }
}
/*单条新闻资讯3*/
.single-text-item3 {
  position: relative; padding:5px;overflow: hidden;border-bottom:1px solid #e8e8e8;
  .link{
    @include link-block;
    z-index:99;
  }
  .tit{
    position: relative;
    font-size:15px;
    font-weight:600;
    line-height:30px;
    padding-right:60px;
    color:#333;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    .time{
      font-size:13px;
      color:#989898;
      font-weight:500;
      line-height:30px;
      position:absolute;
      right:0;
      top:0;
    }
  }
  .desc{
    font-size:13px;
    line-height:24px;
    color:#989898;
    max-height:48px;
    overflow: hidden;
    text-align:justify;
  }
  .info{
    text-align:right;
    font-size:13px;
    color:#989898;
    line-height:20px;
    span{
      margin-left:10px;
    }
  }
  &:hover{
    .tit{
      color:$mainColor;
    }
    .desc{
      color:#333;
    }
  }
}
/*单条新闻资讯4*/
.single-text-item4 { height:30px; line-height:30px; overflow: hidden; }
.single-text-item4 .link {display: block; position: relative;padding-right: 45px; font-size: 13px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.single-text-item4 .link .date { width: 40px; font-size: 12px; color: #989898; text-align: right; position: absolute; right: 0; top: 0; }
.single-text-item4 .link:hover { color: $mainColor; }
/*单条新闻资讯*/
.single-text-item5 { position: relative; height:30px; line-height:30px; overflow: hidden;padding-bottom:5px;margin:5px auto;border-bottom:1px dashed #ccc; }
.single-text-item5 .link {display: block; padding-left: 10px; padding-right: 45px; font-size: 13px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.single-text-item5 .link:after { display: block; content: ''; width: 5px; height: 5px; background: $mainColor; position: absolute; left: 0; top: 13px; }
.single-text-item5 .link .date { width: 40px; font-size: 12px; color: #989898; text-align: right; position: absolute; right: 0; top: 0; }
.single-text-item5 .link:hover { color: $mainColor; }
/*热度排行单条新闻资讯*/
.single-text-item6 { position: relative; height:30px; line-height:30px; overflow: hidden; }
.single-text-item6 .link {display: block; padding:0 45px 0 22px; font-size: 13px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.single-text-item6 .link .date { width: 40px; font-size: 12px; color: #989898; text-align: right; position: absolute; right: 0; top: 0; }
.single-text-item6 .link .num { width:18px;height:18px; font-size:12px; color:#333; text-align: center;line-height:18px;border-radius:3px;background:#f2f2f2;  position: absolute; left: 0; top:6px; }
.single-text-item6 .link:hover { color: $mainColor; }
.single-text-item6-hot .link .num{background:$antiColor;color:#fff;}
/*左图右文单条*/
.single-img-item{
  padding:10px 0 0;
  position:relative;
  height:auto;
  border-bottom:1px dashed #e8e8e8;
  .link{
    @include link-block;
    z-index:99;
  }
  .tit{
    font-size:15px;
    line-height:20px;
    max-height:40px;
    overflow:hidden;
  }
  .info-box{
    height:100px;
    position:relative;
    padding-left:140px;
    margin:10px auto;
    overflow: hidden;
    .thumb{
      width:125px;
      height:100px;
      padding:2px;
      overflow:hidden;
      border:1px solid #e8e8e8;
      position:absolute;
      top:0;
      left:0;
      img{
        width:100%;
      }
    }
    .desc {
      font-size:13px;
      line-height:20px;
      max-height:60px;
      overflow: hidden;
      text-align:justify;
    }
    .meeting-info{
      .city{
        font-size:15px;
        line-height:20px;
        color:$antiColor;
      }
      .date{
        font-size:14px;line-height:20px;color:#989898;
      }
    }
  }
}
/*左图右文单条*/
.single-img-item2{
  margin:15px auto;
  padding-bottom:10px;
  position:relative;
  height:auto;
  border-bottom:1px dashed #ccc;
  .link{
    @include link-block;
    z-index:99;
  }
  .thumb{
    width:250px;
    height:155px;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    img{
      width:100%;
    }
  }
  .info-box{
    height:155px;
    position:relative;
    padding-left:260px;
    overflow: hidden;
    .tit{
      font-size:15px;
      line-height:20px;
      max-height:40px;
      font-weight:600;
      overflow:hidden;
    }
    .desc {
      margin:10px auto;
      font-size:13px;
      line-height:20px;
      max-height:80px;
      color:#989898;
      overflow: hidden;
      text-align:justify;
    }
    .info{
      font-size:13px;
      color:#989898;
      .date{
       float:left;
      }
      .view{
        float:right;
      }
    }
  }
}
/*会议左图右文排版*/
.single-meeting-item{
  margin:15px auto;
  padding-bottom:10px;
  position:relative;
  height:auto;
  .link{
    @include link-block;
    z-index:99;
  }
  .thumb{
    width:200px;
    height:100px;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    img{
      width:100%;
    }
  }
  .info-box{
    height:100px;
    position:relative;
    padding-left:210px;
    overflow: hidden;
    .tit{
      font-size:15px;
      line-height:20px;
      max-height:40px;
      font-weight:600;
      overflow:hidden;
      margin-bottom:8px;
    }
    .date,.city{
      font-size:13px;
      line-height:20px;
      color:#989898;
    }
    .desc{
      font-size:12px;
      color:#333;
      line-height: 20px;
      max-height:40px;
      overflow: hidden;
    }

  }
}
/*会议上图下文排版*/
.single-meeting-item2{
  margin:15px auto;
  padding-bottom:10px;
  position:relative;
  height:auto;
  .link{
    @include link-block;
    z-index:99;
  }
  .thumb{
    width:100%;
    height:236px;
    overflow:hidden;
    margin-bottom:10px;
    img{
      width:100%;
    }
  }
  .tit{
    font-size:15px;
    line-height:20px;
    max-height:40px;
    font-weight:600;
    overflow:hidden;
    margin-bottom:8px;
  }
  .date,.city{
    font-size:13px;
    line-height:20px;
    color:#989898;
  }
  .btn{
    margin:10px auto;
    padding:10px 25px;
  }
}
/*新闻资讯左图右文列表*/
.mc-news-item{
  padding:20px 0;
  border-bottom:1px dashed #e8e8e8;
  position:relative;
  .link{
    @include link-block;
    z-index:99;
  }
  .thumb{
    width:225px;
    height:150px;
    position:absolute;
    top: 20px;
    left:0;
    overflow: hidden;
    img{
      width:100%;
    }
  }
  .info-box{
    padding-left:245px;
    height:150px;
    .tit{
      font-size:20px;
      line-height:26px;
      max-height:52px;
      overflow:hidden;
      margin-bottom:10px;
    }
    .desc{
      font-size:14px;
      line-height:20px;
      max-height:60px;
      overflow: hidden;
      color:#989898;
      margin-bottom:10px;
    }
    .date,.view{
      font-size:13px;
      line-height:30px;
      color:#333;
      float:left;
    }
    .view{
      float:right;
    }
  }
}
/*当前位置带搜索框*/
.cms-current{height:40px;line-height:40px;font-size:12px;margin-bottom:15px;color:#989898;}
.cms-current a{color:#929292;}
.cms-current a:hover{color:$mainColor;}
.cms-current .search-box{float:right}
.cms-current .search-box input{border:1px solid #e5e5e5;line-height:28px;width:140px;font-size:12px;padding:0 5px;}
.cms-current .search-box button{width:60px;height:30px;line-height:30px;margin:5px 0;border:none;background:$antiColor;color:#fff;}
/*农化圈集采排版*/
.mc-groupbuy-item{
  position:relative;
  border:1px solid $mainColor;
  .link{
    @include link-block;
    z-index:99;
  }
  .goods-info{
    height:175px;
    padding:20px 10px 0 20px;
    position:relative;
    padding-right:195px;
    .yomibox{
      position:absolute;
      bottom:30px;
      left:20px;
      border:1px solid $mainColor;
      border-radius:5px;
      line-height:24px;
      padding:0 10px;
      overflow:hidden;
      &:after{
        display:block;
        content:'';
        width:50px;
        height:24px;
        border-radius:5px 0 0 5px;
        background: $mainColor;
        position:absolute;
        left:0;
        top:0;
        z-index:0;
      }
      span{
        display:block;
        float:left;
        position:relative;
        z-index:1;
      }
      .split{
        display:none;
      }
      .yomiday{
        color:#fff;
        font-size:15px;
        margin-right:15px;
        &:after{
          display:block;
          content:'天';
          float:right;
        }
      }
      .yomihour,.yomimin,.yomisec{
        font-size:14px;
        margin:0 5px;
      }
      .yomihour,.yomimin{
        &:after{
          display:block;
          content:':';
          float:right;
          margin-left:5px;
        }
      }
    }
    .img-thumb{
      width:175px;
      height:175px;
      overflow: hidden;
      position:absolute;
      top:10px;
      right:10px;
      img{
        width:175px;
        height:175px;
      }
    }
    .goods-name{
      font-size:18px;
      font-weight:600;
      line-height: 30px;
      overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
      margin-bottom:10px;
    }
    .sub-name{
      font-size:15px;
      line-height:24px;
      max-height:48px;
      color:#989898;
      display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
    }
  }
  .groupbuy-info{
    height:40px;
    padding:10px;
    background:$mainColor;
    font-size:15px;
    line-height:40px;
    color:#fff;
    position:relative;
    &:after{
      display:block;
      content:'';
      width: 0;
      height: 0;
      border-top: 20px solid #fff;
      border-right: 20px solid transparent;
      position: absolute;
      top:0;
      left:0;
    }
    .price{
      font-size:18px;
    }
    .market{
      font-size:13px;
      text-decoration:line-through;
    }
    .gobuy-btn{
      padding:8px 20px;
      border-radius:5px;
      float:right;
      line-height:normal;
      background:#68b318;
    }
  }
  .buyinfo{
    padding:7px 0;
    text-align:center;
    font-size:14px;
    background:#f8f8f8;
    color:#989898;
    line-height:20px;
    .item{
      position:relative;
    }
    .label{
      font-size:16px;
      color:$antiColor;
      display:block;
    }
    .spill{
      height:35px;
      border-right:1px solid #e8e8e8;
      position:absolute;
      right:0;
      top:5px;
    }
  }
  &:hover{
    border-color:$antiColor;
    box-shadow:0 0 0 1px $antiColor;
    @include shadow();
    .goods-info{
      .yomibox{
        border-color:$antiColor;
        &:after{
          background:$antiColor;
        }
      }
    }
    .groupbuy-info{
      background:$antiColor;
      .gobuy-btn{
        background-color:#313131;
      }
    }
    .buyinfo{
      background:#fff;
    }
  }
}
/*农化圈集采上下排版*/
.mc-groupbuy-item2{
  position:relative;
  padding:10px;
  background:#f3f3f3;
  .goods-name{
    font-size:16px;
    color:#333;
    font-weight:600;
    line-height: 22px;
    height:44px;
    text-align:center;
    display:table;
    padding:0 20px;
    span{
      display: table-cell;
      vertical-align: middle;
      text-align: center;
    }
  }
  .thumb{
    width:100%;
    height:258px;
    overflow:hidden;
    position:relative;
    margin:5px auto;
    img{
      width:100%;
      height:100%;
    }
  }
  .price{
    padding:10px;
    text-align:center;
    font-size:14px;
    line-height:24px;
    color:$antiColor;
    .num{
      font-size:16px;
      font-weight:600;
    }
    .market{
      display:block;
      font-size:13px;
      color:#989898;
      text-decoration: line-through;
    }
  }
  .groupbuy-btn{
    display:block;
    padding:10px;
    background:$antiColor;
    color:#fff;
    border-radius:5px;
    .yomi{
      text-align:center;
      span{
        display:inline-block;
        font-size:16px;
        font-weight:600;
      }
      .split{
        font-size:12px;
        font-weight:500;
      }
    }
  }

}
/*农化圈限时特惠排版*/
.mc-limit-item{
  height:250px;
  padding:13px 0;
  background: #ffffff;
  overflow:hidden;
  position:relative;
  margin-bottom:10px;
 .thumb{
   width:250px;
   height:250px;
   position:absolute;
   top:13px;
   left:13px;
   img{
     width:250px;
     height:250px;
   }
 }
  .infobox{
    padding:15px 20px 0 276px;
    .goods-name{
      font-size:18px;
      font-weight:600;
      line-height:24px;
      color:#333;
     overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    }
    .sub-name{
      font-size:15px;
      line-height:30px;
      color:$antiColor;
      overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    }
    .goodsinfo{
      padding:10px;
      background:#f2f2f2;
      overflow:hidden;
      line-height:40px;
      position:relative;
      .limit-tag{
        padding:3px 10px;
        background:$mainColor;
        color:#fff;
        font-size:13px;
        line-height:normal;
        margin-right:10px;
      }
      .tit{
        font-size:16px;
        color:$mainColor;
      }
      .price{
        font-size:24px;
        font-weight:600;
        color:$mainColor;
        padding:0 10px;
      }
      .market{
        font-size:14px;
        color:#989898;
        text-decoration: line-through;
      }
      .goods-spec{
        font-size:13px;
        color:#989898;
        overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
        .spec-it{
          margin-right:10px;
        }
      }
      .tag{
        height:30px;
        width:100px;
        font-size:16px;
        line-height:30px;
        text-align:center;
        background:$antiColor;
        color:#fff;
        position:absolute;
        right:-25px;
        top:10px;
        transform:rotate(45deg);
        -ms-transform:rotate(45deg); 	/* IE 9 */
        -moz-transform:rotate(45deg); 	/* Firefox */
        -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
        -o-transform:rotate(45deg); 	/* Opera */
      }
    }
    .goods-action{
      text-align:right;
      padding:25px 20px;
      .link{
        padding:8px 25px;
        background:#68b318;
        color:#fff;
        font-size:16px;
        border-radius:8px;
      }
      .soon{
        background:#e01222;
      }
      .stock{
        font-size:14px;
        line-height:30px;
        color:#333;
        margin-right:15px;
        .num{
          color:$antiColor;
        }
      }
      .time{
        color:#989898;
        margin-right:5px;
      }
      .yomibox{
        display:inline-block;
        font-size:14px;
        line-height:30px;
        font-weight:600;
        color:$antiColor;
        margin-right:15px;
        position:relative;
      }
    }
  }
}
/*农化圈楼层排版*/
.index-floor{
  width:1200px;
  margin:20px auto;
  background:#fff;
  .floor-title{
    height:50px;
    border-bottom:2px solid #535353;
    .tit{
      float:left;
      font-size:24px;
      font-weight:500;
      line-height:50px;
      padding-left:40px;
      position: relative;
      &:after{
        display:block;
        content:'';
        width:32px;
        height:50px;
        position:absolute;
        left:0;
        top:0;
        background:url(../nhq_img/cat_iocn.png) no-repeat left center;
      }
    }
    .more-link{
      display:block;
      height:30px;
      border-radius:15px 0 0 15px;
      background:#68b318;
      font-size:14px;
      color:#fff;
      line-height:30px;
      padding:0 8px 0 15px;
      float:right;
      margin-top:10px;
      position:relative;
      z-index:99;
    }
  }
  .floorbox{
    height:480px;
    .floor-adbox{
      width:220px;
      height:480px;
      float:left;
    }
    .floor-main-box{
      width:980px;
      height:530px;
      margin-top:-50px;
      float:left;
      .goods-items{
        .item{
          height:240px;
          box-sizing:border-box;
          border:1px solid #e8e8e8;
          border-width:0 1px 1px 0;
        }
      }
    }
  }
}
/*商品频道页楼层*/
.channel-floor{
  width:1200px;
  margin:20px auto;
  background:#fff;
  .floor-title{
    height:50px;
    border-bottom:2px solid #535353;
    .tit{
      float:left;
      font-size:24px;
      font-weight:500;
      line-height:50px;
      position: relative;
      .floor-num{
        margin-right:10px;
        font-weight:700;
      }
    }
    .more-link{
      display:block;
      height:30px;
      border-radius:15px 0 0 15px;
      font-size:14px;
      color:#fff;
      line-height:30px;
      padding:0 8px 0 15px;
      float:right;
      margin-top:10px;
      position:relative;
      z-index:99;
    }
  }
  .floorbox{
    height:480px;
    .floor-adbox{
      width:220px;
      height:480px;
      float:left;
    }
    .floor-main-box{
      width:980px;
      height:480px;
      float:left;
      .item{
        height:240px;
        box-sizing:border-box;
        border:1px solid #e8e8e8;
        border-width:0 1px 1px 0;
      }
    }
  }
}
/*定义频道楼层颜色，颜色值放到变量*/
.channel-floor1{
    .floor-num{
      color:$floor_color1;
    }
    .more-link{
      background:$floor_color1;
    }
}
.channel-floor2{
  .floor-num{
    color:$floor_color2;
  }
  .more-link{
    background:$floor_color2;
  }
}
.channel-floor3{
  .floor-num{
    color:$floor_color3;
  }
  .more-link{
    background:$floor_color3;
  }
}
.channel-floor4{
  .floor-num{
    color:$floor_color4;
  }
  .more-link{
    background:$floor_color4;
  }
}
/*转大话主席焦点图切换*/
.mc-focus-img{ width:100%; height:480px; overflow:hidden; position:relative;}
.mc-focus-img .hd{width:100%;height:15px;overflow:hidden;z-index:1;position:absolute;bottom:10px;left:0; }
.mc-focus-img .hd ul{text-align:center;width:100%;}
.mc-focus-img .hd ul li{display:inline-block;width:12px; height:16px;line-height:50px;overflow:hidden;background:url(../nhq_img/dot.png) no-repeat bottom center; cursor:pointer; }
.mc-focus-img .hd ul li.on{ background-position:top center}
.mc-focus-img .bd{position:relative; height:480px; z-index:0;}
.mc-focus-img .bd .floor-left-ad{height:480px;}
.mc-focus-img .bd .floor-left-ad .item{width:100%;height:480px;}
.mc-focus-img .cat-focus-item{
  position:relative;
  img
  { width:100%; height:480px; display:block;  }
  .item-text{
    width:180px;
    height:100px;
    position:absolute;
    top:45px;
    left:20px;
    z-index:9;
    color:#fff;
    .name{
      font-size:24px;
      line-height:30px;
      font-weight:500;
    }
    .sub-name{
      font-size:18px;
      line-height:30px;
    }
    .link{
      display:block;
      font-size:14px;
      font-weight:600;
      width:110px;
      height:30px;
      line-height:30px;
      text-align:center;
      text-transform: uppercase;
      background:#fff;
      border-radius:15px;
      color:$mainColor;
      margin-top:10px;
    }
  }
}
/*转大话主席tab切换*/
.mc-tab-switch{ width:100%;}
.mc-tab-switch .tab-hd{ height:50px; line-height:50px;position:relative;padding-right:110px; }
.mc-tab-switch .tab-hd ul{position:relative;width:100%;height:50px;text-align:right;}
.mc-tab-switch .tab-hd ul li{
  padding:0 10px; cursor:pointer;display:inline-block;font-size:14px;
  position:relative;
}
.mc-tab-switch .tab-hd ul li+li:after{
  display:block;
  content:'';
  height:15px;
  border-right:1px solid #e8e8e8;
  position:absolute;
  left:0;
  top:18px;
}
.mc-tab-switch .tab-hd ul li.on{ height:45px;border-bottom:5px solid $mainColor; }
/*农化圈新闻资讯*/
/*标题*/
.mc-title-little{
  display:block;
  font-size:16px;
  line-height:30px;
  position:relative;
  padding-left:25px;
  &:after{
    display:block;
    content:'';
    width:17px;
    height:6px;
    background:$mainColor;
    position:absolute;
    left:0;
    top:12px;
  }
  .more-link{
    padding:3px 10px;
    border:1px solid $mainColor;
    border-radius:10px;
    font-size:12px;
    line-height:normal;
    color:$mainColor;
    float:right;
    margin-top:3px;
    &:hover{
      background:$mainColor;
      color:#fff;
    }
  }
}
/*平分网格*/
.mc-avg-2{
  position:relative;
  &:after{
    display:block;content:'';clear:both;height:0;overflow:hidden;
  }
  .item{
    width:50%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    float:left;
  }
}
.mc-avg-3{
  position:relative;
  &:after{
    display:block;content:'';clear:both;height:0;overflow:hidden;
  }
  .item{
    width:33.333333333%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    float:left;
  }
}
.mc-avg-4{
  position:relative;
  &:after{
    display:block;content:'';clear:both;height:0;overflow:hidden;
  }
  .item{
    width:25%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    float:left;
  }
}
.mc-avg-5{
  position:relative;
  &:after{
    display:block;content:'';clear:both;height:0;overflow:hidden;
  }
  .item{
    width:20%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    float:left;
  }
}
.mc-avg-6{
  position:relative;
  &:after{
    display:block;content:'';clear:both;height:0;overflow:hidden;
  }
  .item{
    width:16.666666666%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    float:left;
  }
}
/*平分间距*/
.avg-margin-10{
  margin-right:-10px;
  .item{
    padding-right:10px;
  }
}
.avg-margin-15{
  margin-right:-15px;
  .item{
    padding-right:15px;
  }
}
.avg-margin-20{
  margin-right:-20px;
  .item{
    padding-right:20px;
  }
}
.avg-margin-25{
  margin-right:-25px;
  .item{
    padding-right:25px;
  }
}
.avg-margin-30{
  margin-right:-30px;
  .item{
    padding-right:30px;
  }
}
/*单图广告位，标题+描述，底图鼠标放上放大*/
.mc-img-ad{
  width:100%;
  height:180px;
  overflow: hidden;
  position:relative;
  .link{
    @include link-block;
    z-index:10;
  }
  .text{
    position:absolute;
    width:50%;
    top:20px;
    left:20px;
    z-index:9;
    color:#fff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5);
    .tit{
      font-size:24px;
      line-height:36px;
      margin-bottom:10px;
      overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    }
    .desc{
      font-size:13px;
      line-height: 20px;
      display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;
    }
  }
  .bg-img{
    position:relative;
    z-index:0;
    max-width:100%;
    @include animatetime();
  }
  &:hover .bg-img{
    @include enlarge(1.1);
  }
}
/*首页通栏标题*/
.mc-title-row{
  height:30px;
  line-height: 30px;
  padding:10px 0;
  margin-bottom:10px;
  position:relative;
  .title{
    float:left;
    padding-right:200px;
    font-size:24px;
    overflow:hidden;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    .sub{
      font-size:14px;
      font-weight:500;
      margin-left:10px;
    }
  }
  .more{
    float:right;
    font-size:14px;
    color:#333;
    &:hover{
      color:$mainColor;
    }
  }
}
/*通栏标题带分类*/
.mc-title-row2{
  height:30px;
  line-height:30px;
  padding:10px 0;
  margin-bottom:10px;
  position:relative;
  .title{
    width:300px;
    position:absolute;
    top:10px;
    left:0;
    font-size:24px;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    .sub{
      font-size:14px;
      font-weight:500;
      margin-left:10px;
    }
  }
  .more{
    width:100px;
    position:absolute;
    text-align:right;
    top:10px;
    right:0;
    font-size:14px;
    color:#333;
    &:hover{
      color:$mainColor;
    }
  }
  .nav{
    padding:0 100px 0 350px;
    text-align:right;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    .item{
      font-size:14px;
      color:#333;
      &:hover{
        color:$mainColor;
      }
    }
    .spilt{
      font-size:12px;
      padding:0 5px;
      color:#e5e5e5;
    }
  }
}
/*带更多链接的模块标题*/
.mc-model-title{
  width:100%;
  height:30px;
  line-height: 30px;
  padding:5px 0;
  position:relative;
  border-bottom:1px solid #e5e5e5;
  .title{
    padding-right:80px;
    font-size:18px;
    font-weight:500;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    .sub{
      font-size:12px;
      margin-left:10px;
    }
  }
  .more{
    position:absolute;
    top:10px;
    right: 0;
    width:80px;
    font-size:14px;
    text-align: right;
    color:#333;
    &:hover{
      color:$mainColor;
    }
  }

}
.mc-model-title2{
  width:100%;
  height:30px;
  line-height: 30px;
  padding:5px 0;
  position:relative;
  border-bottom:1px solid #e5e5e5;
  .title{
    padding-right:80px;
    font-size:18px;
    font-weight:500;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    .sub{
      font-size:14px;
      color:#989898;
      text-transform: uppercase;
      margin-left:10px;
    }
  }
  .more{
    position:absolute;
    top:10px;
    right: 0;
    width:80px;
    font-size:14px;
    text-align: right;
    color:#333;
    &:hover{
      color:$mainColor;
    }
  }

}
.mc-model-title3{
  width:100%;
  height:30px;
  line-height: 30px;
  padding:5px 0;
  position:relative;
  border-bottom:1px solid #e5e5e5;
  .title{
    padding:0 80px 0 15px;
    font-size:18px;
    font-weight:500;
    position:relative;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    &:after{
      display:block;
      content:'';
      width:6px;
      height:14px;
      background:$mainColor;
      position:absolute;
      top:8px;
      left:0;
    }
    .sub{
      font-size:14px;
      color:#989898;
      text-transform: uppercase;
      margin-left:10px;
    }
  }
  .more{
    position:absolute;
    top:10px;
    right: 0;
    width:80px;
    font-size:14px;
    text-align: right;
    color:#333;
    &:hover{
      color:$mainColor;
    }
  }

}
/*单个商品*/
.mc-goods-item{
  width:200px;
  height:250px;
  margin:8px auto;
  position:relative;
  .link{
    @include link-block;
    z-index:9999;
  }
  .img-thumb{
    width:200px;
    height:200px;
    overflow: hidden;
    img{
      width:100%;
      display:block;
      margin:0 auto;
      @include animatetime();
    }
  }
  .goodsname{
    margin-top:8px;
    font-size:14px;
    line-height:20px;
    max-height:40px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
  }
  .pricebox{
    font-size:14px;
    line-height:30px;
    .goods-price{
      font-weight:600;
      color:$mainColor;
    }
    .market-price{
      color: #989898;
      float:right;
      text-decoration:line-through;
    }
  }
  &:hover{
    img{
      @include enlarge(1.1);
    }
  }
}
/*单个商品2*/
.mc-goods-item2{
  width:215px;
  height:auto;
  margin:8px auto;
  position:relative;
  .link{
    @include link-block;
    z-index:9999;
  }
  .img-thumb{
    width:215px;
    height:215px;
    overflow: hidden;
    img{
      width:100%;
      display:block;
      margin:0 auto;
      @include animatetime();
    }
  }
  .goodsname{
    padding:8px 10px;
    font-size:14px;
    line-height:20px;
    max-height:40px;
    text-align:center;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
  }
  .pricebox{
    margin:0 auto;
    font-size:14px;
    line-height:30px;
    color:$antiColor;
    text-align:center;
    .goods-price{
      font-size:18px;
      font-weight:500;
    }
  }
  .goods-list-action{
    position:relative;
    height:40px;
    width:100%;
    border-top:1px solid #e8e8e8;
    z-index:99999;
    &:after{
      display:block;
      content:'';
      height:40px;
      border-right:1px solid #e8e8e8;
      position:absolute;
      top: 0;
      left:50%;
    }
    .btn{
      display:block;
      width:50%;
      float:left;
      font-size:13px;
      line-height:40px;
      color:#333;
      text-align:center;
      &:hover{
        color:$antiColor;
      }
    }
  }
  &:hover{
    img{
      @include enlarge(1.1);
    }
  }
}
/*单个商品3*/
.mc-goods-item3{
  width:170px;
  height:235px;
  margin:5px auto 0;
  position:relative;
  .link{
    @include link-block;
    z-index:9999;
  }
  .img-thumb{
    width:170px;
    height:170px;
    overflow: hidden;
    img{
      width:100%;
      display:block;
      margin:0 auto;
      @include animatetime();
    }
  }
  .goodsname{
    font-size:13px;
    line-height:20px;
    max-height:40px;
    text-align:center;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
  }
  .pricebox{
    position:absolute;
    bottom:0;
    width:100%;
    height:25px;
    font-size:12px;
    line-height:25px;
    color:$mainColor;
    .goods-price{
      font-size:16px;
      font-weight:500;
    }
  }
  &:hover{
    img{
      @include enlarge(1.1);
    }
  }
}
/*单个商品4 左右排列*/
.mc-goods-item4{
  height:60px;
  padding:10px 0 10px 70px;
  margin:0 auto;
  position:relative;
  .link{
    @include link-block;
    z-index:9999;
  }
  .img-thumb{
    width:60px;
    height:60px;
    border:1px solid #e8e8e8;
    overflow: hidden;
    position:absolute;
    top:10px;
    left: 0;
    img{
      width:100%;
      display:block;
      margin:0 auto;
      @include animatetime();
    }
  }
  .goodsname{
    font-size:13px;
    line-height:20px;
    max-height:40px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
  }
  .pricebox{
    font-size:14px;
    line-height:30px;
    color:$antiColor;
    .goods-price{
      font-size:16px;
      font-weight:600;
    }
  }
}
/*单个限时商品*/
.mc-limitgoods-item{
  width:100%;
  height:auto;
  margin:0 auto;
  box-sizing:border-box;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
  position:relative;
  .link{
    @include link-block;
    z-index:9999;
  }
  .goodsinfo{
    border:1px solid #e5e5e5;
    border-bottom:none;
  }
  .img-thumb{
    width:100%;
    height:200px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    padding:0 8px;
    overflow: hidden;
    img{
      width:100%;
      display:block;
      margin:0 auto;
      @include animatetime();
    }
  }
  .goodsname{
    margin-top:8px;
    font-size:14px;
    line-height:20px;
    padding:0 8px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
  }
  .pricebox{
    height:56px;
    overflow:hidden;
    position:relative;
    .price-info{
      height:56px;
      background:#e61414;
      padding-right:70px;
      color:#fff;
      .currency{
        float:left;
        font-size:16px;
        line-height:80px;
        margin:0 5px;
      }
      .goods-price{
        font-size:32px;
        line-height:56px;
        float:left;
      }
    }
    .go{
      width:50px;
      height:56px;
      position:absolute;
      right:0;
      top:0;
      font-size:18px;
      font-weight:600;
      line-height:56px;
      text-align:center;
      background:#ffe548;
      color:#e61414;
      &:after{
        display:block;
        content:'';
        width: 0;
        height: 0;
        border-top: 28px solid transparent;
        border-right: 20px solid #ffe548;
        border-bottom: 28px solid transparent;
        position:absolute;
        top: 0;
        left:-20px;
      }
    }
  }
  &:hover{
    box-shadow:0 0 0 1px #e61414;
    .pricebox{
      border:1px solid #e61414;
      border-top:none;
    }
    .goodsinfo{
      border-color:#e61414;
    }
    img{
      @include enlarge(1.1);
    }
  }
}
/*转移大话主席分类导航*/
.mc-categorybox-nav{
  position:absolute;
  z-index:999;
  width:210px;
  background:#fff;
  top:0;left:0;
  height:40px;
  @include animatetime();
  .trigger{
    height:40px;width:210px;background:$mainColor;color:#fff;border-radius:3px 3px 0 0;
    font-size:16px;text-align: center;line-height: 40px;
    cursor:pointer;
  }
  .mainCate{
    display: none;
    height:103px;
    box-sizing: border-box;
    .cat-box{
      position:relative;
      padding:35px 10px 25px 50px;
      .icon{
        display:block;
        width:32px;
        height:32px;
        position:absolute;
        top:35px;
        left:10px;
        background:url(../nhq_img/cat_iocn.png) no-repeat left center;
      }
      .icon1{
        background-position:0 center;
      }
      .icon2{
        background-position:-32px center;
      }
      .icon3{
        background-position:-64px center;
      }
      .icon4{
        background-position:right center;
      }
      .cat-name{
        display:block;
        font-size:16px;
        line-height:16px;
        margin-bottom:8px;
      }
      p{
        overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
      }
      .cat-link{
        font-size:12px;
        line-height:16px;
        color:#989898;
        margin-right:5px;
      }
      .block-link{
        @include link-block;
        z-index:99;
      }
    }
  }
  .evenLeval{ background:#eee;}
  .on{
    background:#68b318; color:#fff;
    .cat-box{
      .cat-name,.cat-link{
        color:#fff;
      }
    }
    .subCate{ display:block !important; /* !important 强制显示，否则会闪烁*/ }
  }
  .subCate{
    display:none;/*默认隐藏*/
    background:url(../nhq_img/nav_div_bg.jpg) 0 0 repeat-y #fff;
    position:absolute;
    left:210px; top:42px; width:708px;height:410px;
    overflow:hidden;
    overflow-y: scroll;
    z-index:9999999999;
    box-sizing: border-box; padding:20px;
    .cat-items{
      margin-bottom:10px;
      &:after{
        display:block;content:'';height:0;overflow:hidden;clear:both;
      }
      .cat-tit{
        font-size:16px;
        line-height:30px;
        border-bottom:1px solid #e8e8e8;
        margin-bottom:10px;
        color:#333;
      }
      .item-link{
        display:block;
        float:left;
        margin:0 8px 8px 0;
        color:#989898;
        font-size:12px;
        line-height:24px;
        &:hover{
          color:$mainColor;
        }
      }
    }

  }
  &:hover{
    .mainCate{
      display:block;
    }
    height:auto;
  }
}
#index{
  .mc-categorybox-nav{
    height:auto;
    .mainCate{
      display:block;
    }
  }
}
/*频道页商品分类导航*/
.mc-channel-catnav{
  position:absolute;
  z-index:888;
  width:210px;
  background:#fff;
  top:0;left:50%;
  margin-left:-600px;
  height:410px;
  .mainCate{
    display: block;
    box-sizing: border-box;
    .cat-box{
      position:relative;
      height:32px;
      padding:35px 10px 35px 50px;
      background:url(../nhq_img/right.png) no-repeat center right;
      background-origin: content-box;
      .icon{
        width:32px;
        height:32px;
        position:absolute;
        left:10px;
        top:50%;
        margin-top:-16px;
      }
      .cat-name{
        font-size:16px;
        line-height:32px;
      }
      .block-link{
        @include link-block;
        z-index:99;
      }
    }
  }
  .evenLeval{ background:#eee;}
  .on{
    background:#f8f8f8;
    .subCate{ display:block !important; /* !important 强制显示，否则会闪烁*/ }
  }
  .subCate{
    display:none;/*默认隐藏*/
    background:url(../nhq_img/nav_div_bg.jpg) 0 0 repeat-y #fff;
    position:absolute;
    left:210px; top:0; width:990px;height:410px;
    overflow:hidden;
    overflow-y: scroll;
    z-index:9999999999;
    box-sizing: border-box; padding:20px;
    .cat-items{
      margin-bottom:10px;
      &:after{
        display:block;content:'';height:0;overflow:hidden;clear:both;
      }
      .cat-tit{
        font-size:16px;
        line-height:30px;
        border-bottom:1px solid #e8e8e8;
        margin-bottom:10px;
        color:#333;
      }
      .item-link{
        display:block;
        float:left;
        margin:0 8px 8px 0;
        color:#989898;
        font-size:12px;
        line-height:24px;
        &:hover{
          color:$mainColor;
        }
      }
    }

  }
}
/*三个分组*/
.cat-item-3{
  .mainCate{
    .cat-box{
      padding:53px 10px 52px 50px;
    }
  }
}
/*5个分组*/
.cat-item-5{
  .mainCate{
    .cat-box{
      padding:25px 10px 25px 50px;
    }
  }
}
/*6个分组*/
.cat-item-6{
  .mainCate{
    .cat-box{
      padding:18px 10px 18px 50px;
    }
  }
}
/*7个分组*/
.cat-item-7{
  .mainCate{
    .cat-box{
      padding:13px 10px 13px 50px;
      .cat-name{
        font-size:15px;
      }
    }
  }
}
/*8个分组*/
.cat-item-8{
  .mainCate{
    .cat-box{
      padding:10px 10px 9px 50px;
      .cat-name{
        font-size:14px;
      }
    }
  }
}
/*转大话主席焦点图带标题左右箭头切换*/
.mc-focus-img2{ width:100%; height:205px; overflow:hidden; position:relative; }
.mc-focus-img2 .bd{ position:relative; height:205px; z-index:0;   }
.mc-focus-img2 .bd li{ zoom:1;height:205px; vertical-align:middle; }
.mc-focus-img2 .bd li .block-link{display:block;position:relative;width:100%;height:100%;}
.mc-focus-img2 .bd li .block-link .text{height:40px;line-height:40px;width:100%;position:absolute;bottom:0;left:0;font-size:14px;color:#fff;background:rgba(0,0,0,0.5);padding:0 10px;box-sizing:border-box;}
.mc-focus-img2 .bd img{ width:100%;height:205px; display:block;  }
.mc-focus-img2 .prev,
.mc-focus-img2 .next{ position:absolute; left:0; top:50%; margin-top:-25px;
  display:block; width:32px; height:40px;background:rgba(0,0,0,0.6);
  text-align:center;line-height:40px;
  filter:alpha(opacity=50);opacity:0.5;color:#fff;
  .iconfont{
    font-size:24px;
    color:#fff;
  }
}
.mc-focus-img2 .next{ left:auto; right:0;}
.mc-focus-img2 .prev:hover,
.mc-focus-img2 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.mc-focus-img2 .prevStop{ display:none;  }
.mc-focus-img2 .nextStop{ display:none;  }
/*商品筛选*/
.mc-goods-screen{
  .current{
    font-size:13px;
    line-height:30px;
    color:#333;
    .location{
      float:left;
      margin-right:15px;
    }
    .screen-block{
      position:relative;
      margin:3px 5px;
      float:left;
      border:1px solid #e8e8e8;
      font-size:12px;
      line-height:24px;
      padding:0 5px;
      max-width:120px;
      color:$antiColor;
      overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
      .tit{
        color:#333;
      }
      .con{
        color:$antiColor;
      }
      &:hover{
        cursor: pointer;
        border:1px solid $antiColor;
        .tit{
          color:$antiColor;
        }
        &:after{
          display:block;
          content:'×';
          width: 24px;
          height:24px;
          line-height:24px;
          text-align:center;
          font-size:16px;
          background:$antiColor;
          color:#fff;
          position:absolute;
          right: 0;
          top:0;
        }
      }
    }
    &:after{
      display:block;content:'';height:0;overflow:hidden;clear:both;
    }
  }
  .items{
    border:1px solid #e8e8e8;
    border-bottom:none;
    margin:10px auto;
  }
  .screen-item{
    position:relative;
    font-size:13px;
    line-height:24px;
    padding:10px 80px 10px 75px;
    border-bottom:1px solid #e8e8e8;
    min-height:24px;
    .tit{
      position:absolute;
      width:50px;
      height:18px;
      line-height:18px;
      color:#989898;
      top:13px;
      left:10px;
      border-right:1px solid #e8e8e8;
    }
    .screen-box{
      &:after{
        display:block;content:'';height:0;overflow:hidden;clear:both;
      }
      .item{
        display:block;
        float:left;
        color:#333;
        padding-right:20px;
        &:hover{
          color:$mainColor;
        }
      }
    }
    .screen-checkbox{
      display:none;
      &:after{
        display:block;content:'';height:0;overflow:hidden;clear:both;
      }
      .item{
        display:block;
        float:left;
        color:#333;
        overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
      }
      .action{
        padding:10px;
        text-align:center;
        .action-btn{
          padding:3px 10px;
          border:1px solid #e8e8e8;
          margin:0 10px;
          font-size:13px;
          border-radius:5px;
        }
        .confirm{
          background:$mainColor;
          color:#fff;
        }
        .cancel{
          background:$antiColor;
          color:#fff;
        }
      }
    }
    .item-hidden{
      height:24px;
      overflow:hidden;
    }
    .screen-item-more{
      height:20px;
      line-height:20px;
      border:1px solid #e8e8e8;
      color:#989898;
      padding:0 2px;
      position:absolute;
      right:60px;
      top:12px;
      &:hover{
        background: $mainColor;
        color:#fff;
      }
    }
    .rotate{
      -moz-transform:scaleY(-1);
      -webkit-transform:scaleY(-1);
      -o-transform:scaleY(-1);
      transform:scaleY(-1);
      filter:FlipV;
    }
    .select-more{
      height:20px;
      line-height:20px;
      border:1px solid #e8e8e8;
      color:#989898;
      padding:0 10px;
      position:absolute;
      right:10px;
      top:12px;
      &:hover{
        background: $mainColor;
        color:#fff;
      }
    }

  }
}
/*商品排序*/
.mc-sort-box{
  padding:10px;
  border:1px solid #e8e8e8;
  background:#f8f8f8;
  &:after{
    display:block;content:'';height:0;overflow:hidden;clear:both;
  }
  .sort-action{
    float:left;
    height:25px;
    border:1px solid #e8e8e8;
    border-right:none;
    .sort-btn{
      display:block;
      height:25px;
      line-height:25px;
      padding:0 15px;
      float:left;
      border-right:1px solid #e8e8e8;
      background:#fff;
    }
    .asc{
      .iconfont{
        display:inline-block;
        -moz-transform:scaleY(-1);
        -webkit-transform:scaleY(-1);
        -o-transform:scaleY(-1);
        transform:scaleY(-1);
        /*IE*/
        filter:FlipV;
      }
    }
    .active{
      background:$antiColor;
      color:#fff;
    }
  }
  .stock{
    margin:0 20px;
    float:left;
    line-height:25px;
    font-size:13px;
  }
  .pure-form{
    float:left;
    margin-left:10px;
    input{
      width:60px;
    }
  }
  .total-info{
    font-size:13px;
    line-height:30px;
    float:right;
    .num{
      color:$antiColor;
      padding:0 5px;
    }
  }
}
/*商品相册带放大镜*/
.mc-zoom-focus{
  /*外层盒子和里边图片的一点点样式*/
  .jqueryzoom { position: relative;border: solid 1px #e8e8e8;padding:2px; width: 360px; height:360px; overflow: hidden; display: inline-block; }
  /*放大镜是基于图片大小自动生成的，每次都要把jqueryzoom中img的大小和jqueryzoom盒子大小设置为一样的，不然放大镜滑块有可能溢出*/
  .jqueryzoom img { width: 360px;height:360px; }
  .cloudzoom-gallery-active{opacity: 0.5}
  /* 相册滚动 */
  .album-list{ width:360px;overflow:hidden; position:relative;margin:10px auto;}
  .album-list .prev,.album-list .next{display:block;width:16px;height:30px;text-align:center;line-height:30px;overflow:hidden;cursor:pointer;
    position:absolute;right:0;top:50%;margin-top:-15px;color:#989898;}
  .album-list .next{left:0;}
  .album-list .bd{padding:0 16px}
  .album-list .bd ul{ overflow:hidden; zoom:1; }
  .album-list .bd ul li{ margin:0 4px; float:left; _display:inline; overflow:hidden; text-align:center;  }
  .album-list .bd ul li img{ width:52px; height:52px; display:block;  padding:2px; border:1px solid #ccc; }
}
/*商品内容*/
.mc-goods-info{
  .goods-name{
    font-size:16px;
    line-height: 22px;
    max-height:44px;
    overflow:hidden;
    font-weight:600;
  }
  .sub-name{
    font-size:13px;
    line-height:18px;
    color:$antiColor;
    max-height:36px;
    overflow: hidden;
    margin:8px auto;
  }
  .activity-info{
    height:32px;
    padding:0 10px;
    background:url(../nhq_img/seckilling.png) repeat-x left top;
    .tit{
      float:left;
      font-size:16px;
      line-height:32px;
      color: #ffffff;
    }
    .yomibox{
      float:right;
      font-size:14px;
      line-height:32px;
      color:#fff;
      .split{
        margin:0 3px;
      }
      .yomiday,.yomihour,.yomimin,.yomisec{
        padding:3px;
        background:#056a08;
      }
    }
  }
  .price-box{
    padding:10px;
    background:url(../nhq_img/price-bg.png) repeat top center;
    .row{
      line-height:30px;
      margin-bottom:10px;
      .tit{
        display:inline-block;
        font-size:14px;
        color:#989898;
        margin-right:10px;
      }
      .price{
        display:inline-block;
        font-size:24px;
        font-weight:600;
        color:#df3033;
      }
      .price-step{
        font-size: 12px;
        background:$antiColor;
        color:#fff;
        padding:2px 5px;
        line-height: normal;
        border-radius:5px;
        margin:0 5px;
        cursor:pointer;
        position:relative;
        .step-row{
          display:block;
          font-size:12px;
          line-height:24px;
          .num{
            float:left;
          }
          .price-num{
            float:right;
          }
          &:after{
            display:block;content:'';height:0;overflow:hidden;clear:both;
          }
        }
      }
      .market{
        display:inline-block;
        font-size:14px;
        color:#989898;
        text-decoration: line-through;
      }
    }
    .promotion-box{
      position:relative;
      padding-left:52px;
      .tit{
        font-size:14px;
        line-height:25px;
        color:#989898;
        letter-spacing: 14px;
        position:absolute;
        top: 0;
        left: 0;
      }
      .promotion-row{
        margin-bottom:8px;
        .tag{
          color: #df3033;
          border: 1px solid #df3033;
          padding: 2px 3px;
          margin-right: 5px;
          display: inline-block;
          line-height: 16px;
        }
        .gift{
          display:inline-block;
          margin-right:10px;
          .thumb{
            height:25px;
            width:25px;
            float:left;
            img{
              width:25px;
              height:25px;
            }
          }
          .num{
            float:left;
            line-height:25px;
            font-size:13px;
            color:#df3033;
          }
        }
        .text-info{
          font-size:13px;
          line-height: 25px;
          color:#989898;
        }
        .quan-item {
          position: relative;
          height:14px;
          padding-left: 2px;
          line-height: 15px;
          text-align: center;
          border-top: 1px solid #df3033;
          border-bottom: 1px solid #df3033;
          background: #ffdedf;
          font-size: 12px;
          white-space: nowrap;
          margin-right: 13px;
          cursor: pointer;
          .text {
            padding: 0 10px;
            color: #df3033;
            font-size: 12px;
          }
          b,s {
            position: absolute;
            top: -1px;
            display: block;
            height: 18px;
            width: 2px;
            overflow: hidden;
            background: url(../nhq_img/quan-arr.gif) no-repeat;
          }
         s{
            left: 0;
            background-position: -2px 0;
          }
          b {
            right: -2px;
          }
        }

      }
      .goods-gift{
        position:relative;
        height:25px;
        padding-left:40px;
        .tag{
          position:absolute;
          top:2px;
          left:0;
        }
      }
    }
  }
}
/*加减框*/
.mc-add-sub{
  position:relative;
  width:150px;
  border:1px solid #e8e8e8;
  .number{
    width:120px;
    height:40px;
    font-size: 14px;
    line-height:60px;
    padding:0 5px;
    border:none;
  }
  .sub,.add{
    position:absolute;
    top: 0;
    right: 0;
    width:30px;
    height:20px;
    line-height:20px;
    text-align:center;
    font-size:18px;
    color:#333;
    border:1px solid #e8e8e8;
    border-width:0 0 1px 1px;
    background:#fff;
    &:hover{
      background:#f8f8f8;
    }
  }
  .sub{
    top:20px;
    border-bottom:none;
  }
}
/*店铺信息*/
.mc-shop-info{
  position:relative;
  .logo{
    height:60px;
    overflow:hidden;
    img{
      width:100%;
    }
  }
  .shop-name{
    margin:5px auto;
    padding:10px 0;
    border:1px solid #e8e8e8;
    border-width:1px 0;
    font-size:14px;
    line-height:20px;
    color:#333;
    position:relative;
    padding-right:60px;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    .shop-lever{
      width:60px;
      height:40px;
      position:absolute;
      top: 0;
      right: 0;
    }
  }
  .shop-action{
    position:relative;
    text-align:center;
    &:after{
      display:block;content:'';height:0;overflow:hidden;clear:both;
    }
    .action-btn{
      font-size:12px;
      border:1px solid #e8e8e8;
      border-radius:3px;
      background:#f8f8f8;
      display: inline-block;
      width:80px;
      height:24px;
      line-height:24px;
      text-align: center;
      margin:5px 3px;
      &:hover{
        background:$antiColor;
        border-color:$antiColor;
        color:#fff;
      }
    }
  }
  .shop-service{
    text-align:center;
    padding-top:5px;
    .item{
      .service-icon{
        display:block;
        width:40px;
        height:40px;
        margin:0 auto;
        background:url(../nhq_img/shop-icon.jpg) no-repeat;
      }
      .icon1{
        background-position:0 0;
      }
      .icon2{
        background-position:-40px 0;
      }
      .icon3{
        background-position:-80px 0;
      }
      .icon4{
        background-position:-120px 0;
      }
      .icon5{
        background-position:-160px 0;
      }
      .icon6{
        background-position:-200px 0;
      }
      .text{
        font-size:12px;
        line-height:24px;
        color:#989898;
      }
    }
  }
  .shop-notice{
    margin:10px auto;
    border:1px solid #e8e8e8;
    font-size: 13px;
    line-height:24px;
    .tit{
      border-bottom:1px solid #e8e8e8;
      background:#f8f8f8;
      padding:5px 10px;
      .iconfont{
        font-size:14px;
        color:#989898;
        margin-right:6px;
      }
    }
    .notice-main{
      padding:10px;
    }

  }
}
/*滚动侦测导航*/
.mc-scrollspy-nav{
  
}
/*加入收藏*/
.mc-collection{
  font-size:13px;
  line-height:30px;
  color:#989898;
  .text{
    &:after{
      content:'加入收藏';
    }
  }
  &:hover{
    color:$antiColor;
  }
}
.mc-collection-have{
  color:$antiColor;
  .text{
    &:after{
      content:'已收藏';
    }
  }
}

/* Tooltip 容器 */
.tooltip {
  position:relative;
  display: inline-block;
  .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color:#000;
    color: #fff;
    text-align: center;
    padding:5px;
    border-radius: 6px;
    /* 定位 */
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 1s;
  }
  .tooltiptext-top {
    width: 120px;
    bottom: 120%;
    left: 50%;
    margin-left: -60px;
    &:after {
      content: " ";
      position: absolute;
      top: 100%; /* 提示工具底部 */
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: black transparent transparent transparent;
    }
  }
  .tooltiptext-right{
    top: -5px;
    left: 105%;
    &:after {
      content: " ";
      position: absolute;
      top: 50%;
      right: 100%; /* 提示工具左侧 */
      margin-top: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent black transparent transparent;
    }
  }
  .tooltiptext-left {
    top: -5px;
    right: 105%;
    &:after {
      content: " ";
      position: absolute;
      top: 50%;
      left: 100%; /* 提示工具右侧 */
      margin-top: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent transparent black;
    }
  }
  .tooltiptext-bottom {
    width: 120px;
    top: 100%;
    left: 50%;
    margin-left: -60px;
    &:after {
      content: " ";
      position: absolute;
      bottom: 100%;  /* 提示工具头部 */
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent black transparent;
    }
  }
  &:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
}

/*底部帮助文档列表*/
.mc-help-item{
  width:100%;
  height:auto;
  .tit{
    height:38px;
    font-size:16px;
    line-height:38px;
    padding-left:45px;
    a{
      color:#666;
      font-weight:600;
    }
  }
  .link-item{
    display:block;
    margin-left:45px;
    font-size:13px;
    line-height:30px;
    color:#989898;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    padding-left:15px;
    position:relative;
    &:after{
      display:block;
      content:'';
      width:5px;
      height:5px;
      position:absolute;
      top:12px;
      left:0;
      background:#989898;
    }
    &:hover{
      color:$mainColor;
      &:after{
        background:$mainColor;
      }
    }
  }
  .icon{
    position:relative;
    &:after{
      display:block;
      content:'';
      width:38px;
      height:38px;
      position:absolute;
      left:0;
      top:0;
      background:url(../nhq_img/foot_icon.png) no-repeat left center;
    }
  }
  .icon1{
    &:after{
      background-position:0 center;
    }
  }
  .icon2{
    &:after{
      background-position:-38px center;
    }
  }
  .icon3{
    &:after{
      background-position:-76px center;
    }
  }
  .icon4{
    &:after{
      background-position:-114px center;
    }
  }
  .icon5{
    &:after{
      background-position:-152px center;
    }
  }
}
/*复写全屏焦点图*/
.goods-channel-banner{
  height:410px;
  .bd{
    .item{
     height:410px;
      .link{
        height:410px;
      }
    }
  }
}
/*第二层复写*/
.floor2{
  .floor-title{
    .tit:after{
      background-position:-32px center;
    }
    .more-link{
      background:$antiColor;
    }
  }
  .mc-tab-switch .tab-hd ul li.on{border-bottom:5px solid $antiColor; }
  .mc-goods-item3 .pricebox{color:$antiColor;}
}


